<template>
  <div class="home">
    <!-- <img alt="Vue logo" src="../assets/logo.png"> -->
    <!-- <HelloWorld msg="Welcome to Your Vue.js App"/> -->
    <h1>主页</h1>
    <div class="box"></div>
  </div>
</template>

<style lang="scss" scoped>
.box {
  width: 100px;
  height: 100px;
  background: orange;
  // transform: translate(100px,100px) rotate(45deg);
  transform: translate(100px, 100px);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;

  &::after {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background: aqua;
    transform: rotate(45deg);
  }
}
</style>

<script>
// @ is an alias to /src   组件的导入注册以及使用
// import HelloWorld from '@/components/HelloWorld.vue'

export default {
  name: "HomeView",
  components: {
    // HelloWorld
  },
};
</script>
